	$('.container, body, .swipeA, .p2').width(sWidth).height(_rate*1043);
	$('.swipeB, .swipeC').width(sWidth).height(_rate*310);
	$('.swipeD').width(sWidth).height(_rate*310);
	$('.swipeB').css({"margin-top":_rate*612});
	$('.swipeC').css({"margin-top":_rate*632});
	$('.swipeD').css({"margin-top":_rate*480});
	$('.p1-1').width(_rate*547).height(_rate*91).css({"top":_rate*166, "left":0});
	$('.p1-2').width(_rate*513).height(_rate*71).css({"top":_rate*310, "left":0});
	$('.p1-3').width(_rate*131).height(_rate*210).css({"top":_rate*428, "left":_rate*260});
	$('.p1-4').width(_rate*111).height(_rate*111).css({"top":_rate*808, "left":_rate*264});
	$('.p1-6').width(_rate*218).height(_rate*34).css({"top":_rate*930, "left":_rate*212});
	$('.p1-d').width(sWidth).height(_rate*709).css({"top":_rate*220, "left":0});
    $('.p1-32').width(_rate*237).height(_rate*120).css({"top":_rate*536, "left":_rate*202});
    $('.p-logo').width(_rate*265).height(_rate*109).css({"top":0, "left":0});
    
  
    $('.p2-1').width(_rate*590).height(_rate*71).css({"top":_rate*170, "left":0});
    $('.p2-2').width(_rate*500).height(_rate*125).css({"top":_rate*298, "left":_rate*60}); 
    $('.p2-q1, .p2-q2, .p2-q3, .p2-q4').width(_rate*153).height(_rate*153);
    $('.p2-q1').css({"top":_rate*632, "left":_rate*24});
    $('.p2-q2').css({"top":_rate*570, "left":_rate*204});
    $('.p2-q3').css({"top":_rate*700, "left":_rate*344});
    $('.p2-q4').css({"top":_rate*526, "left":_rate*442});
    $('.p2-l1').width(_rate*104).height(_rate*126).css({"top":_rate*624, "left":_rate*140});
    $('.p2-l2').width(_rate*93).height(_rate*94).css({"top":_rate*656, "left":_rate*308});
    $('.p2-l3').width(_rate*90).height(_rate*91).css({"top":_rate*640, "left":_rate*426});
    $('.p3-lig').width(sWidth).height(_rate*215).css({"top":_rate*794, "left":0}); 
    $('.p3-s').width(_rate*440).height(_rate*301).css({"top":0, "left":_rate*106}); 
    $('.p3-1').width(_rate*92).height(_rate*52).css({"top":_rate*30, "right":_rate*22}); 
    $('.p3-2').width(_rate*536).height(_rate*162).css({"top":_rate*168, "left":_rate*48}); 
    $('.p3-3').width(_rate*498).height(_rate*199).css({"top":_rate*388, "left":_rate*72}); 
    $('.p3-3').width(_rate*498).height(_rate*199).css({"top":_rate*388, "left":_rate*72});
    $('.p3-4').width(_rate*307).height(_rate*112).css({"top":_rate*652, "left":_rate*158});
    $('.p3-5').width(_rate*588).height(_rate*139).css({"top":_rate*376, "left":0});
    $('.p3-6').width(sWidth).height(_rate*510).css({"top":_rate*490, "left":0});
    $('.p3-7').width(_rate*409).height(_rate*293).css({"top":_rate*555, "left":_rate*120});
    $('.p3-8').width(_rate*268).height(_rate*94).css({"top":_rate*380, "left":_rate*180});
    $('.p3-9').width(_rate*351).height(_rate*485).css({"top":_rate*482, "left":_rate*144});
    $('.p4-2').width(_rate*523).height(_rate*158).css({"top":_rate*170, "left":_rate*54}); 
    $('.p4-3').width(_rate*469).height(_rate*261).css({"top":_rate*356, "right":0}); 
    $('.p4-4').width(_rate*534).height(_rate*253).css({"top":_rate*516, "left":0}); 
    $('.p4-5').width(_rate*553).height(_rate*249).css({"top":_rate*754, "right":0});
    $('.p5-1').width(_rate*180).height(_rate*78).css({"top":0, "right":0}); 
    $('.p5-2').width(_rate*551).height(_rate*138).css({"top":_rate*170, "left":_rate*42}); 
    $('.p5-3').width(_rate*425).height(_rate*425).css({"top":_rate*332, "left":_rate*108}); 
    $('.p5-4').width(_rate*422).height(_rate*422).css({"top":_rate*336, "left":_rate*110});
    $('.p5-5').width(sWidth).height(_rate*185).css({"top":_rate*770, "left":0});
    
    $('.p6-1').width(_rate*177).height(_rate*69).css({"top":0, "right":0}); 
    $('.p6-2').width(_rate*546).height(_rate*125).css({"top":_rate*172, "left":_rate*50});
    $('.p6-3').width(_rate*297).height(_rate*76).css({"top":_rate*320, "left":_rate*172});  
    $('.p6-4').width(sWidth).height(_rate*134).css({"top":_rate*398, "left":0});
    $('.p6-5').width(sWidth).height(_rate*124).css({"top":_rate*530, "left":0});
    $('.p6-6').width(sWidth).height(_rate*147).css({"top":_rate*748, "left":0});
    
    $('.p7-1').width(_rate*542).height(_rate*128).css({"top":_rate*174, "left":_rate*48});
    $('.p7-2').width(_rate*405).height(_rate*63).css({"top":_rate*390, "left":_rate*118});
    $('.p7-kv, .p8-kv, .p9-kv').width(_rate*570).height(_rate*346).css({"top":_rate*512, "left":_rate*37});
    $('#video1, #video2, #video3, .v-kv').width(_rate*550).height(_rate*326);
    $('#video1, .v-kv1').css({"top":_rate*12, "left":_rate*8});
    $('#video2, #video3, .v-kv2').css({"top":_rate*16, "left":_rate*8});
    
     
    
    $('.p8-1').width(_rate*546).height(_rate*127).css({"top":_rate*172, "left":_rate*46});
    $('.p8-2').width(_rate*337).height(_rate*146).css({"top":_rate*340, "left":_rate*44});
    $('.p8-3').width(_rate*349).height(_rate*157).css({"top":_rate*372, "right":_rate*12});
    $('.p9-2').width(_rate*543).height(_rate*135).css({"top":_rate*168, "left":_rate*48});
    $('.p9-3').width(_rate*314).height(_rate*129).css({"top":_rate*342, "left":_rate*166});
    $('.p10-2').width(_rate*584).height(_rate*124).css({"top":_rate*178, "left":_rate*0});
    $('.p10-3').width(_rate*368).height(_rate*121).css({"top":_rate*352, "left":_rate*138});
    $('.p10-s').width(_rate*396).height(_rate*233).css({"top":_rate*72, "left":_rate*120});
    $('.p10-t').width(_rate*244).height(_rate*83).css({"top":0, "left":_rate*198});
    $('.p10-lig').width(sWidth).height(_rate*192).css({"top":_rate*730, "left":0}); 
 
    
     
    
    $('.p11-t1').width(_rate*103).height(_rate*103).css({"top":_rate*824, "left":_rate*270});
    $('.p11-s4').width(_rate*165).height(_rate*66).css({"top":_rate*762, "left":_rate*356});
    $('.p11-s3').width(_rate*228).height(_rate*50).css({"top":_rate*776, "left":_rate*70});
    $('.p11-s2').width(_rate*190).height(_rate*66).css({"top":_rate*762, "left":_rate*356});
    $('.p11-s1').width(_rate*156).height(_rate*49).css({"top":_rate*782, "left":_rate*114});
    $('.p11-lig').width(sWidth).height(_rate*215).css({"top":_rate*720, "left":0}); 
    $('.p11-dian').width(sWidth).height(_rate*284).css({"top":_rate*498, "left":0});
    $('.p11-2').width(_rate*544).height(_rate*130).css({"top":_rate*172, "left":_rate*48});
    $('.p11-3').width(_rate*595).height(_rate*129).css({"top":_rate*342, "left":_rate*22});
    $('.p12-2').width(_rate*540).height(_rate*68).css({"top":_rate*172, "left":_rate*48});
    $('.p12-3').width(_rate*591).height(_rate*140).css({"top":_rate*280, "left":_rate*24});
    $('.p12-d, .p12-d1').width(sWidth).height(_rate*291).css({"top":_rate*412, "left":0});
    $('.p12-lig').width(sWidth).height(_rate*192).css({"top":_rate*620, "left":0});
    $('.p12-m').width(sWidth).height(_rate*358).css({"bottom":0, "left":0});
    
    
    $('.p12-c1').width(_rate*248).height(_rate*69).css({"top":_rate*678, "right":_rate*38});
    $('.p12-c2').width(_rate*240).height(_rate*65).css({"top":_rate*698, "right":_rate*40});
    $('.p12-c3').width(_rate*228).height(_rate*71).css({"top":_rate*668, "left":_rate*50});
    $('.p12-c4').width(_rate*153).height(_rate*63).css({"top":_rate*722, "right":_rate*142});
    $('.p12-c5').width(_rate*130).height(_rate*62).css({"top":_rate*678, "left":_rate*128});
    
  
    
    $('.p-l').width(_rate*252).height(_rate*146);
    $('.p-r').width(_rate*276).height(_rate*146);
    $('.p12-l').css({"top":_rate*490, "left":0});
    $('.p12-r').css({"top":_rate*490, "right":0});
    $('.p10-l, .p9-l').css({"top":_rate*600, "left":0});
    $('.p10-r, .p9-r').css({"top":_rate*600, "right":0});
    $('.p13-2').width(_rate*529).height(_rate*73).css({"top":_rate*142, "left":_rate*58});
    $('.p13-3').width(_rate*198).height(_rate*68).css({"top":_rate*614, "left":_rate*218});
    $('.p13-4').width(_rate*254).height(_rate*68).css({"top":_rate*758, "left":_rate*68});
    $('.p13-5').width(sWidth).height(_rate*428).css({"top":_rate*246, "left":0});
    $('.p13-7').width(_rate*514).height(_rate*379).css({"top":_rate*272, "left":0});
    $('.p13-6').width(_rate*273).height(_rate*306).css({"top":_rate*678, "right":0}); 
    $('.p14-2').width(_rate*475).height(_rate*99).css({"top":_rate*134, "left":_rate*76});
    $('.p14-3').width(sWidth).height(_rate*239).css({"top":_rate*254, "left":0});      
    $('.p14-4').width(_rate*253).height(_rate*73).css({"top":_rate*542, "left":0});
    $('.p14-5').width(_rate*364).height(_rate*347).css({"top":_rate*516, "right":_rate*22}); 
    $('.p14-6').width(_rate*135).height(_rate*179).css({"top":_rate*662, "left":0});
    $('.p14-7').width(_rate*98).height(_rate*136).css({"top":_rate*614, "left":_rate*130});
    $('.p14-8').width(sWidth).height(_rate*240).css({"top":_rate*518, "left":0});

    var activeNow=0;
    var mySwiper = new Swiper ('.swipeA', {initialSlide:0,allowSwipeToPrev:false,direction:'vertical',mousewheelControl:true,
	   	onInit: function(swiper){
	   	   swiperAnimateCache(swiper);
		   swiperAnimate(swiper);
	   	},
	   	onSlideChangeEnd: function(swiper){
	   	  swiperAnimate(swiper);
		  activeNow = swiper.activeIndex;
		  console.log(activeNow)
		  if(0 == activeNow){
		    if(_p2Fin){
		    	_call2();
		    }
		    _stopFlag=true;
		    _swiperB.slideTo(0, 100, true);
		    $(".p3-4, .swipeB").hide();
		  }
		  if(1 == activeNow){
		     $(".p2-q1, .p2-q2, .p2-q3, .p2-q4").removeClass("animated zoomIn faster").hide();
		     $(".p2-l1, .p2-l2, .p2-l3").width(0).hide();
		     _swiperBi=0;
		     window.setTimeout(function(){_stopFlag=false;$(".swipeB").fadeIn();_call3();}, 1000);
		  }
		  if(2 == activeNow){
		     _stopFlag=true;
		     _swiperB.slideTo(0, 100, true);
		     $(".p3-4, .p5-4, .swipeB").hide();
		     $(".p5-4").removeClass("p5-r4");
		  }
		  if(3 == activeNow){
		     window.setTimeout(function(){$(".p5-4").fadeIn().addClass("p5-r4");}, 1000);
		     $(".p6-6").hide();
		     _stopFlag=true;
		     _swiperC.slideTo(0, 100, true);
		  }
		  if(4 == activeNow){
		     $(".p3-4, .p5-4").hide();
		     $(".p5-4").removeClass("p5-r4");
		     _swiperBi=0;
		     window.setTimeout(function(){_stopFlag=false;_callP6();}, 2200);
		  }
		  if(4 == activeNow){
		     _stopFlag=true;
		     _swiperC.slideTo(0, 100, true);
		     $(".p6-6").hide();
		     
		  }
		  if(7 == activeNow){
		     _id8=4;
		     window.setTimeout(function(){_swiperD.slideTo(0, 500);}, 500);
		  }
		  if(8 == activeNow){
		    $(".p11-t1").removeClass("p11-fl");
		    _id8=0;
		    if(_flag8){$(".p10-t").hide();_flag8=false;_call8();}
		  }
		  if(9 == activeNow){
		    _id8=4;
		    window.setTimeout(function(){_swiperD.slideTo(0, 500);}, 500);
		    _stopFlag=false;
		    _flagId2=6;
		    window.setTimeout(function(){$(".p11-t1").addClass("p11-fl");}, 1600);
		    window.setTimeout(function(){_flagId=1;_callP11();}, 2000);
		    $(".p12-d2, .p12-d3, .p12-d4, .p12-m2, .p12-m3").hide();
		  }
		  if(10 == activeNow){
		    _stopFlag=true;
		    $(".p12-d2, .p12-d3, .p12-d4, .p12-m2, .p12-m3").hide();
		    $(".p11-t1f").removeClass("myflash");
		    window.setTimeout(function(){_stopFlag=false;_flagId2=1;_callP12();}, 2000);

		  }
		  if(11 == activeNow){
		     $(".p12-d2, .p12-d3, .p12-d4, .p12-m2, .p12-m3").hide();
		     _flagId2=6;
		     _stopFlag=true;
		     _flag12=3;
		     $(".p14-8").hide();
		  }
		  if(12 == activeNow){
		     _flag12=1;
		     $(".p14-8").hide();
		     window.setTimeout(function(){
	            if(1 == _flag12){
		            $(".p14-4, .p14-5, .p14-6, .p14-7").fadeOut();
			        window.setTimeout(function(){if(1 == _flag12){_flag12=2;}}, 500);
	            }
		        window.setTimeout(function(){
		            if(2 == _flag12){$(".p14-8").fadeIn();}
		        }, 800);
		     }, 2500);
		     $(".p2-q1, .p2-q2, .p2-q3, .p2-q4").removeClass("animated zoomIn faster").hide();
		     $(".p2-l1, .p2-l2, .p2-l3").width(0).hide();
		     _swiperBi=0;
		  }
		  if(13 == activeNow){
		    $(".p14-8").hide();
		    _flag12=3;
		    if(_p2Fin){
		    	_call2();
		    }
		    _stopFlag=true;
		    _swiperB.slideTo(0, 100, true);
		    $(".p3-4, .swipeB").hide();
		     
		  }

	   	}
	});
	
 
	
	var _swiperB =new Swiper ('.swipeB', {direction:'horizontal'});
	var _swiperC =new Swiper ('.swipeC', {direction:'horizontal'});
	var _swiperD =new Swiper ('.swipeD', {direction:'horizontal'});
	
	var _flag8=true;
	var _id8=0;
	function _call8(){
	    if(_id8 > 4){return;}
	    if(4 == _id8){_flag8=true;}
	    
	    $(".p10-t"+(_id8+1)).show();
	    _swiperD.slideTo(_id8, 500);
	     _id8++;
	    window.setTimeout(function(){_call8();}, 1500);
	}
	 
	var _flagId2=1;
	function _callP12(){
	   if(_stopFlag){return;}
	   if(_flagId2 > 5){return;}
	   if(1 == _flagId2){
	      $(".p12-c1").fadeIn();
	      window.setTimeout(function(){
	        if(_stopFlag || 1 != _flagId2){return;}
	        $(".p12-d2").fadeIn();
	        window.setTimeout(function(){$(".p12-c1").fadeOut();}, 1500);
	        window.setTimeout(function(){
	            $(".p12-d2").fadeOut();
	            $(".p12-m1").fadeOut();
	            window.setTimeout(function(){$(".p12-m2").show();}, 200);
	            _flagId2++;
	            _callP12();
	        }, 3000);
	      }, 1000);
	   }
	   
	   if(2 == _flagId2){
	     window.setTimeout(function(){
	       $(".p12-c2").fadeIn();
	       window.setTimeout(function(){
	          if(_stopFlag  || 2 != _flagId2){return;}
	          $(".p12-c3").fadeIn();
	          window.setTimeout(function(){
	             $(".p12-d3").fadeIn();
	             window.setTimeout(function(){if(_stopFlag   || 2 != _flagId2){return;} $(".p12-c2, .p12-c3").fadeOut();}, 1500);
	             window.setTimeout(function(){
	                if(_stopFlag   || 2 != _flagId2){return;}
		            $(".p12-d3").fadeOut();
		            $(".p12-m2").fadeOut();
		            window.setTimeout(function(){if(_stopFlag   || 2 != _flagId2){return;} $(".p12-m3").show();}, 200);
		            _flagId2++;
		            _callP12();
		        }, 3000);
	          }, 1000);
	       }, 1000);
	     }, 1000);
	   
	   }
	   
	   if(3 == _flagId2){
	      window.setTimeout(function(){
	        $(".p12-c4").fadeIn();
	        window.setTimeout(function(){
	          if(_stopFlag  || 3 != _flagId2){return;}
	          $(".p12-c5").fadeIn();
	          window.setTimeout(function(){
	          if(_stopFlag){return;}
	             $(".p12-d4").fadeIn();
	             window.setTimeout(function(){if(_stopFlag){return;}$(".p12-c4, .p12-c5").fadeOut();}, 1500);
	             window.setTimeout(function(){
	                if(_stopFlag){return;}
		            $(".p12-d4").fadeOut();
		            _flagId2++;
		            _callP12();
		        }, 3000);
	          }, 1000);
	       }, 1000);
	      }, 1000);
	   }
	   
	}
	
	var _flagId=1;
	function _callP11(){
	   if(_stopFlag){return;}
	   if(_flagId > 5){return;}
	   if(1 == _flagId){
	      $(".p11-s1").show();
	   }
	   if(2 == _flagId){
	      $(".p11-s1").hide();
	      $(".p11-dian").attr("src",'./img/p11-d2.png');
	      $(".p11-s2").show();
	   }
	   if(3 == _flagId){
	     $(".p11-s2").hide();
	     $(".p11-s3").show();
	   }
	   if(4 == _flagId){
	     $(".p11-s3").hide();
	     $(".p11-dian").attr("src",'./img/p11-d3.png');
	     $(".p11-s4").show();
	   }
	   if(5 == _flagId){
	     $(".p11-s4").hide();
	   }
	   _flagId++;
	   window.setTimeout(function(){_callP11();}, 1800);
	}
	 
	var _swiperBi=0;
	function _call3(){
	    if(_stopFlag){return;}
	    _swiperBi++;
	    if(5 == _swiperBi){
	      $(".p3-lig, .p3-3").hide();
	      $(".swipeB").hide();
	      $(".p3-5").fadeIn();
	      _swiperB.slideTo(0, 500);
	      window.setTimeout(function(){$(".p3-6").fadeIn();}, 500);
	      window.setTimeout(function(){
	         _call3();
	       }, 200);
	       return;
	    }
	    if(7 == _swiperBi){
	        $(".p3-7").fadeIn();
	        window.setTimeout(function(){_call3();}, 300);
	        return;
	    }
	    if(8 == _swiperBi){$(".p3-7").attr("src",'<?php echo $url ?>/img/p3-7.2.png');window.setTimeout(function(){_call3();}, 300);return;}
	    if(9 == _swiperBi){$(".p3-7").attr("src",'<?php echo $url ?>/img/p3-7.3.png');window.setTimeout(function(){_call3();}, 1000);return;}
	    if(10 == _swiperBi){
	    $(".p3-5, .p3-6, .p3-7").hide();
	    $(".p3-8").fadeIn();
	    window.setTimeout(function(){
	       $(".p3-9").fadeIn();
	    }, 200);
	    return;}
	    _swiperB.slideTo(_swiperBi, 500);
	    window.setTimeout(function(){
	      // _call3();
	    }, 1000);
	}
	function _callP6(){
	    if(_stopFlag){return;}
	    _swiperBi++;
	    if(_swiperBi > 5){
	      $(".swipeC").hide();
	      $(".p6-6").fadeIn();
	      return;
	    }
	    _swiperC.slideTo(_swiperBi, 500);
	    window.setTimeout(function(){
	       _callP6();
	    }, 1000);
	}
	
	$(".v-kv").click(function(){
	   var _id=$(this).attr("data-id");
	   $(this).hide();
	   var _video= document.getElementById("video"+_id);
	   _video.play();
	   console.log(_id);
	});
	
	
	   	
	   	
	   	